/*
 * @Description: 基本统计页面
 * @Author: Zzt
 * @Date: 2022-11-17 09:46:58
 * @LastEditTime: 2023-02-26 14:51:19
 */
import BasicNum from './components/BasicNum';
import PieAndIcon from './components/PieAndIcon';
import classNames from 'classnames/bind';
import styles from './styles/pieAndIcon.module.scss';
import StatisticalChart from './components/StatisticalChart';
import { BasicStatisticsProvider } from './contexts/BasicStatisticsContext';

const cx = classNames.bind(styles);
const BasicStatisticsMain = () => {
  return (
    <>
      <BasicStatisticsProvider>
        {/* 页面标题 */}
        <div>
          <h2>基本统计</h2>
        </div>
        {/* 饼状图及图案 */}
        <div className={cx('pieAicon')}>
          <PieAndIcon />
        </div>
        {/* 基本数量 */}
        <div>
          <BasicNum />
        </div>
        {/* 统计图 */}
        <div className={cx('statistics')}>按全宗统计</div>
        <div>
          <StatisticalChart />
        </div>
      </BasicStatisticsProvider>
    </>
  );
};
export default BasicStatisticsMain;
